<include file='Base:header' />

		<style type="text/css">
		
			.date_title {
				height: 60px;
				/*font-size: 20px;*/
				line-height: 60px;
				background-color: #ed6d3d;
				color: white;
				padding-left: 10px;
			}
			.date_title .title_month{
				font-size: 30px;
			}
			.date_title .title_ul{
				border: 1px solid white;
				padding: 2px;
				line-height: 26px;
				font-size: 24px;
				margin-top: 14px;
				margin-left: 5px;
			}
			.date_title .que_ul{
				color: #fafe8a;
				border: 1px solid #fafe8a;
				padding: 2px;
				line-height: 14px;
				font-size: 13px;
				margin-top: 14px;
				margin-left: 5px;
			}
			.date_title .que_min{
				font-size: 16px;
				line-height: 28px;
			}
			#active_month,#last_month{
				display: none;
			}
			.title_week,.title_data{
				margin-top: 1px;
				font-size: 12px;
				line-height: 13px;
			}
			.quit{
				margin-right: 15px;
				margin-top: 19px;
				line-height: 25px;
			}
			.week-days {
				height: 30px;
				background-color: #ed6d3d;
				/*border-bottom: #c4c4c4 1px solid;
				border-top: #c4c4c4 1px solid;*/
			}
			.week-day {
				height: 30px;
				line-height: 30px;
				width: 14.28%;
				float: left;
				text-align: center;
				font-size: 12px;
				color: white;
			}
			.month {
				background-color: white;
				height: 270px;
			}
			.row {
				height: 45px;
				display: flex;
				border-bottom: 2px solid #f8f8f8;
			}
			.day {
				height: 45px;
				float: left;
				position: relative;
				width: 14.28%;
				text-align: center;
				color: #3d4145;
			}
			.day .data {
				margin-top: 2px;
				display: inline-block;
				border-radius: 100%;
				width: 40px;
				height: 40px;
				line-height: 40px;
				font-size: 17px;
			}
			/*加班*/
			.overtime{
				position: absolute;
				top: 28px;
				right: 0;
				display: inline-block;
				width: 14px;
				height: 14px;
				font-size: 12px;
				line-height: 14px;
				color: #1aad19;
			}
			/*9~18时上班,点赞图标*/
			.like{
				position: absolute;
				top: 0;
				left: 0;
				display: inline-block;
				width: 14px;
				height: 14px;
				background: url(__IMG__/like.png) no-repeat center;
				display: none;
			}
			/*补休已通过*/
			.patch{
				position: absolute;
				top: 28px;
				left: 14px;
				display: inline-block;
				width: 14px;
				height: 14px;
				font-size: 12px;
				line-height: 14px;
				color: #1aad19;
			}
			/*请假已通过*/
			.leave{
				position: absolute;
				top: 14px;
				left: 0;
				display: inline-block;
				width: 14px;
				height: 14px;
				font-size: 12px;
				line-height: 14px;
				color: #1aad19;
			}
			/*外出已通过*/
			.out{
				position: absolute;
				top: 14px;
				left: 0;
				display: inline-block;
				width: 14px;
				height: 14px;
				font-size: 12px;
				line-height: 14px;
				color: #1aad19;
			}
			/*申请已通过*/
			.apply{
				position: absolute;
				top: 14px;
				right: 0;
				display: inline-block;
				width: 14px;
				height: 14px;
				font-size: 12px;
				line-height: 14px;
				color: #23c0ff;
			}
			/*法定假期/补班*/
			.festival{
				position: absolute;
				top: 0;
				right: 0;
				display: inline-block;
				width: 14px;
				height: 14px;
				font-size: 12px;
				line-height: 14px;
				color: #f43;
			}
			.compensatory{
		        top: 0px;
    			left: 20px;
			}
			.day .text{
				margin-top: 2px;
				width: 100%;
				float: left;
				font-size: 12px;
				line-height: 16px;
				height: 16px;
				display: inline-block;
			}
			.active {
				background-color: #62ec61 !important;
			}
			.grey{
				color : #bfbfbf;
			}
			/*旷工*/
			.absenteeism_red{
				background-color : #ffd3cc !important;
			}
			.day_prev,.day_next{
				color: #ccc;
			}
			/*正常考勤*/
			.normal{
				background-color: #9dfe8a !important;
			}
			/*缺勤*/
			.day_absenteeism{
				background-color: #fafe8a;
			}
			/*说明字体*/
			#explain{
				font-size: 12px;
			}
		</style>
		<div class="index">
			<div class="inner">
				<div class="date_title">
					<p class="title_month fl">
					</p>
					<ul class="fl title_ul">
						<li class="fl" style="margin-right: 10px;">今天</li>
						<ul class="fl">
							<li class="title_week"></li>
							<li class="title_data"></li>
						</ul>
						<div class="clear"></div>
					</ul>
					<a class="fr quit" href="{:U('Public/logout')}"><img src="__IMG__/quit.png"/></a>
					<div class="clear"></div>
				</div>
				<div class="week-days">
					<div class="week-day">日</div>
					<div class="week-day">一</div>
					<div class="week-day">二</div>
					<div class="week-day">三</div>
					<div class="week-day">四</div>
					<div class="week-day">五</div>
					<div class="week-day">六</div>
				</div>
				<div class="swiper-container swiper_calendar" style="padding: 10px 0;background: white;">
					<div class="swiper-wrapper">
					</div>
				</div>
			</div>
			<br />
			<include file='Base:_userinfo' />
 			<!--<div class="weui-flex" id="explain" style="margin-top: 20px;background-color: white;">
 				<div class="weui-media-box">
 					红色-旷工、绿色-正常、黄色-缺勤、加-加班、假-请假、班-假期补班、申-申请、<img src="__IMG__/like.png" style="width: 12px;height: 12px;"/>9:00-18:00在岗
 				</div>
			</div>-->
			<div class="page__bd page__bd_spacing">
				<div class="weui-flex">
					<a href="{:U('Apply/index',['type'=>'1'])}" class="weui-btn weui-btn_plain-primary" style="margin-top: 15px;">外出</a>
					<a href="{:U('Apply/index',['type'=>'2'])}" class="weui-btn weui-btn_plain-primary">请假</a>
					<a href="{:U('Apply/index',['type'=>'3'])}" class="weui-btn weui-btn_plain-primary">加班</a>
					<eq name='leader' value='true'>
						<a href="{:U('Team/index')}" class="weui-btn weui-btn_plain-primary" style="margin-top: 15px;">团队</a>
					</eq>
					<eq name='approver' value='true'>
						<a href="{:U('Approval/index',['status'=>0])}" class="weui-btn weui-btn_plain-primary" style="margin-top: 15px;position: relative;overflow: inherit;">
							审批
							<gt name='unread' value='0'>
								<span class="weui-badge" style="position: absolute;top: -9px;right: -9px; z-index: 100;">{$unread}</span>
							</gt>
						</a>
					</eq>
				</div>
				<div class="weui-flex" style="padding-bottom: 20px;">
					<!-- <a href="{:U('Apply/index',['type'=>'4'])}" class="weui-btn weui-btn_plain-primary"  style="margin-top: 15px;">补打卡</a> -->
					<eq name='privilege_3' value='true'>
						<a href="{:U('Schedule/index')}" class="weui-btn weui-btn_plain-primary">高管行程</a>
					</eq>
					<a href="http://mp.weixin.qq.com/s/KzCd4QWlCDnbf7eewE1hfg" class="weui-btn weui-btn_plain-primary" target='_blank'>考勤说明</a>
				</div>
			</div>
			
			<!--<button>提交</button>-->
		</div>

<include file='Base:footer' />
<script>
var _alert = "{$txt}";
var join_date = "{$user_info.join_date}";//入职日期
var _alert_info = "{$alerInfo}";
if (_alert_info) $.alert(_alert_info);
</script>
<script src="__JS__/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__JS__/calendar.js?" type="text/javascript" charset="utf-8"></script>